<template>
  <div>
    <van-nav-bar left-text="返回"  title="个人中心"  left-arrow fixed   @click-left="onClickLeft" />
    <!-- 输入任意文本 -->
    <van-field v-model="name" label="用户名" />
    <van-field v-model="pwd" label="密码" />
    <van-field v-model="tel" label="手机号码" />
    <!-- 输入手机号，调起手机号键盘 -->
    <!-- <van-field v-model="password" type="tel" label="手机号" /> -->
  </div>
</template>

<script>

export default {
  data() {
    return {
      name: this.name, //姓名
      pwd:"",//密码
      tel:'',//电话号码
      EmpRoleName: this.EmpRoleName, //职位
      EmpDepName: this.EmpDepName, //部门
      EmpStatus: this.EmpStatus, //状态
      EmpPhoneNum1: this.EmpPhoneNum1, //
      sex: this.sex,
      lefts:'',
      title:'',
      marginleft:'',
      bg_url: require("@/assets/Image/bgurl.png"),
      Center_url: require("@/assets/Image/Personal _Center.png")
    };
  },
  methods: {
    //返回上一个页面
    onClickLeft() {
      this.$router.go(-1);
    },
    //跳转
    upload() {
      this.$router.push("/AddList");
    },
    //跳转到页面
    saveVideo() {
      this.$router.push("/VideoList");
    },
    //登出
    LoginOut(){
      sessionStorage.removeItem('PWD');
      this.$router.push("/login");
    }
  },
  //初始化以后加载函数
  mounted(){
     console.log(this.$refs.notebg.offsetWidth);
     //计算页面的logo的偏移值
     this.lefts =( this.$refs.notebg.offsetWidth - 50 ) / 2;
     console.log(this.$refs.noteautor.offsetWidth);
     //计算页面的title的marginleft
     this.marginleft = (this.$refs.notebg.offsetWidth  -  this.$refs.noteautor.offsetWidth ) / 2 + 5;
     console.log(this.marginleft );
  },
  //初始化页面
  created() {  
    this.title = JSON.parse(sessionStorage.getItem('PWD')).loginName;
    this.$emit("header", false);
    this.$emit("footer", false);
  }
};
</script>

<style lang="less" scoped>


.item {
  background-color: #fff;
  text-align: center;
  height: 50px;
  margin-top: 30px;
  .itemSpan {
    border: 1px solid #eee;
    span {
      font-size: 14px;
      line-height: 50px;
      border: 1px solid #eee;
    }

    // margin-left: ;
  }
}
.itemupload{
  background-color: #fff;
  text-align: center;
  height: 50px;
  margin-top: 10px;
   span {
      font-size: 14px;
      line-height: 50px;
      border: 1px solid #eee;
    }
    .ss{
      //  text-align: left;
      float: left;
      margin-left: 20px;
    }
}

.note-bg {
  img {
    width: 100%;
  }
}

.note-icon{
  text-align:center;
}
.nav_logo{
    position: absolute;
    // top: 50;
    top: 120px;
    left: 150px;
      // text-align: center;
    width: 50px;
    background-color: #fff;
    border: 5px solid #fff;
    border-radius: 50%;
}

.note-autor{
   position: absolute;
   top: 180px;
   margin-top: 20px;
  // margin-left: 160px;
  span{
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    
  }
}
</style>


